* {
    margin: 0;
    padding: 0;
  }
  html,
  body {
    height: 100%;
  }
  div,input,button,p,h1,h2,h3,h4,h5,h6,textarea{
      box-sizing: border-box;
  }
  a{
    text-decoration: none;
  }
  //内外边距
  .mr10{
    margin-right: 10px;
  }
  .mb30{
      margin-bottom: 30px;
  }
  .mb20{
    margin-bottom: 20px;
  }
  .mt20{
    margin-top: 20px;
  }
  .ml15{
    margin-left: 15px;
  }
  .mr15{
    margin-right: 15px;
  }
  .cb2dfdb{
    color:#b2dfdb;
  }
  .p20{
    padding: 20px;
  }
  .p30{
    padding: 30px;
  }
  .mt30{
    margin-top: 30px;
  }
  //布局
  .df{
    display: flex;
  }
  .aic{
    align-items: center;
  }
  .jcc{
    justify-content: center;
  }
  .flex{
    flex:1
  }
  .jcsb{
    justify-content: space-between;
  }
.fdc{
  flex-direction: column;
}
.tac{
  text-align: center;
}
.rel{
  position: relative;
}
.abs{
  position: absolute;
}
  //字体颜色
  .fff{
    color:#fff;
  }
  .cccc{
    color:#ccc;
  }
  .c21{
    color:#212121;
  }
  .fwb{
    font-weight: bold;
  }
  .fwn{
    font-weight: normal;
  }

  //背景色
  .bgcfff{
    background-color: #fff;
  }